.el-button {
    --el-button-bg-color: #efefef57;
    --el-button-disabled-bg-color: #e3e3e3;
    --el-button-hover-text-color: #606266;
    --el-button-hover-bg-color: rgb(181 181 181 / 50%);
    --el-button-hover-border-color: #dcdfe6;
    --el-button-active-border-color: transparent;
    transition: transform .5s .2s;
}

.el-button.is-disabled,
.el-button.is-disabled:hover {
    cursor: default;
}

.el-button+.el-button {
    margin-left: 5px !important;
}

.el-button.is-plain {
    --el-button-hover-text-color: #606266;
    --el-button-hover-bg-color: rgb(181 181 181 / 50%);
    --el-button-hover-border-color: #dcdfe6;
}

.el-button--primary {
    --el-button-bg-color: rgb(64 158 255 / 80%);
    --el-button-border-color: transparent;
    --el-button-hover-bg-color: rgb(102 178 255 / 80%);
    --el-button-hover-border-color: transparent;
    --el-button-hover-text-color: #cbe5ff;
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-primary-light-5);
    --el-button-disabled-border-color: var(--el-color-primary-light-5);
}

.el-button--danger {
    --el-button-bg-color: rgb(245 108 108 / 80%);
    --el-button-border-color: transparent;
    --el-button-hover-bg-color: rgba(255, 101, 101, 0.6);
    --el-button-hover-border-color: transparent;
    --el-button-hover-text-color: rgb(255 255 255 / 80%);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-danger-light-5);
    --el-button-disabled-border-color: var(--el-color-danger-light-5);
}

.el-button--info {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-info);
    --el-button-border-color: var(--el-color-info);
    --el-button-hover-bg-color: var(--el-color-info-light-3);
    --el-button-hover-border-color: var(--el-color-info-light-3);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-info-light-5);
    --el-button-disabled-border-color: var(--el-color-info-light-5);
}

.el-button--success {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-success);
    --el-button-border-color: var(--el-color-success);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-success-light-3);
    --el-button-hover-border-color: var(--el-color-success-light-3);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-success-light-5);
    --el-button-disabled-border-color: var(--el-color-success-light-5);
}

.el-button--warning {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-warning);
    --el-button-border-color: var(--el-color-warning);
    --el-button-outline-color: var(--el-color-warning-light-5);
    --el-button-active-color: var(--el-color-warning-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-warning-light-5);
    --el-button-hover-bg-color: var(--el-color-warning-light-3);
    --el-button-hover-border-color: var(--el-color-warning-light-3);
    --el-button-active-bg-color: var(--el-color-warning-dark-2);
    --el-button-active-border-color: var(--el-color-warning-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-warning-light-5);
    --el-button-disabled-border-color: var(--el-color-warning-light-5);
}

.el-button.is-disabled,
.el-button.is-disabled:hover {
    border-color: transparent;
}

/* .el-button.is-circle:hover,
.el-button.is-round:hover {
    transform: rotate(360deg);
    transition: all .5s;
} */